<!-- add by lty 20181222 -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>保洁详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/deepClean.css">
	<link rel="stylesheet" href="css/dailyClean.css">
    <script src="js/jquery/3.2.1/jquery.min.js"></script>
     <!-- 插件js -->
	<script src="../js/zepto.js"></script>
	<script src="../js/sm.js" ></script>
	<script src="../js/sm-extend.js" ></script>
	<script src="../js/request.js"></script>
	<script src="../../js/common.js"></script>
	<script src="../../jsp/js/pointlog.js"></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
  </head>
    <script type="text/javascript">
	window.$$=window.Zepto = Zepto;
	 var args=ponitLog.getWindowsParam();
     console.log(args);
	</script>
  <body>
    <div class="page">
      <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left" href="javascript:window.history.back();" data-transition='slide-out'>
          <span class="icon icon-left"></span>
          返回
        </a>
        <h1 class="title"><!-- 深度保洁 --></h1>
      </header>

      <!-- 主体内容 -->
      <div class="D_content">
        <div class="D_banner">
          <img src="../../images/service_ban.jpg" alt="" />
        </div>
        <div class="D_content--wrap">
          <!-- 日常保洁价格 -->
          <div class="con_clean--price">
          <h2 class="D_content--title">日常保洁</h2>
<!--             <h2 class="D_content--title serverTitle"> -->
            <!-- 全屋深度保洁 -->
<!--             </h2> -->
<!--             <span class="D_content--money">50元/小时</span>  -->
          </div>
<div class="list-block media-list" style="margin-top: .5rem;">
        <ul>
          <li class="item-content">
            <div class="item-media">
              <img src="./images/zhuanye.png" style="width: 20px">
            </div>
            <div class="item-inner">
              <div class="item-title-row">
                <div class="item-title">专业技师</div>
              </div>
              <div class="item-subtitle" style="white-space: normal;     font-size: 12px">服务人员高度覆盖，100%认证，安全上门</div>
            </div>
          </li>
          <li class="item-content">
            <div class="item-media">
              <img src="./images/maojin.png" style="width: 20px">
            </div>
            <div class="item-inner">
              <div class="item-title-row">
                <div class="item-title">全新毛巾</div>
              </div>
              <div class="item-subtitle" style="white-space: normal;    font-size: 12px ">6条全新毛巾，每户一套，分区使用避免交叉感染</div>
            </div>
          </li>
          <li class="item-content">
            <div class="item-media">
              <img src="./images/saodi.png" style="width: 20px">
            </div>
            <div class="item-inner">
              <div class="item-title-row">
                <div class="item-title">专业设备</div>
              </div>
              <div class="item-subtitle" style="white-space: normal;     font-size: 12px">德国凯驰高压蒸汽机，140度高温消毒，迅速清除油质、病菌和异味</div>
            </div>
          </li>
        </ul>
      </div>
          <!-- 服务内容 -->
          <div class="con_clean--text">
            <h2 class="D_content--title">服务价格</h2>
            <p class="con_clean--price"><span style="font-size: 15px;">日常保洁 <br/><span style="font-size: 11px;">1小时起</span> </span><span style="float: right">元/小时</span><span style="float: right"> 50</span></p>
          <p class="con_clean--price"><span style="font-size: 12px;float: right;color:orange">元/小时)</span><span style="font-size: 12px;color:orange;float: right"> (蓝居租客价：低至35</span></p> 
          </div> 
          
          <div class="con_clean--text">
            <h2 class="D_content--title">参考耗时</h2>
            <p class="con_clean--taocan">
            <div class="list-block" style="margin-top: .5rem;">
    <ul>
      <li class="item-content">
        <div class="item-inner">
          <div class="item-title">一居</div>
          <div class="item-after">2~3小时</div>
        </div>
      </li>
      <li class="item-content">
        <div class="item-inner">
          <div class="item-title">二居</div>
          <div class="item-after">3~4小时 </div>
        </div>
      </li>
      <li class="item-content">
        <div class="item-inner">
          <div class="item-title">三居及以上</div>
          <div class="item-after">4小时起 </div>
        </div>
      </li>
    </ul>
  </div>
            </p>
          </div>
          
           <div class="con_clean--text">
            <h2 class="D_content--title">服务内容</h2>
            <p class="con_clean--detail"><!-- 负责入户区域、客厅、厨房、卫生间、浴室、阳台区域的地面保洁，消毒杀菌，垃圾清理，台面收拾以及卫生间马桶污渍清理。 --></p>
          </div>
          
          <div class="con_clean--content">
            <h2 class="D_content--title serAreaTitle">专业工具</h2>
            <div class="con_clean--list serArea">
            <div class="con_clean--list gjContent">
            <ul class="cl">
            	<li><p class="l_img"><img src="./images/beibao.jpg" alt=""></p><p class="l_txt">清洁背包</p></li>
            	<li><p class="l_img"><img src="./images/gongju.jpg" alt=""></p><p class="l_txt">清洁工具箱</p></li>
            	<li><p class="l_img"><img src="./images/zhengqiji.jpg" alt=""></p><p class="l_txt">高温蒸汽机</p></li>
            	<li><p class="l_img"><img src="./images/qingjieji.jpg" alt=""></p><p class="l_txt">清洁剂</p></li>
            	<li><p class="l_img"><img src="./images/shensuo.jpg" alt=""></p><p class="l_txt">伸缩清洁杆</p></li>
            	<li><p class="l_img"><img src="./images/maotou.jpg" alt=""></p><p class="l_txt">毛头</p></li>
            	</ul></div>
            </div>
          </div>

          <!-- 预约保洁 -->
          <div class="D_reserve--footer">
            <a href="javascript:;" class="D_reserve--btn">预约保洁</a>
            <p class="D_reserve--txt"><!-- 温馨提示：保洁套餐三个月起售，一次性收费，每一周清洁一次。 --></p>
          </div>
        </div>
      </div>
    </div>
    <script>
    var serviceId = Request.queryString("serviceId");
    var path = "/LanJuPublic";
    var chargesType;//收费类型：1-按月、2-按小时
    var price;
    var months;
    $(function(){
    	queryServiceDetailById();
	})
	
	function queryServiceDetailById(){
	//$$.showPreloader("加载中");
	$.ajax({
		url : path+"/service/queryServiceDetailById.do",
		data : {
			serviceId: serviceId
		},
		type : "GET",
		dataType : 'json',
		cache : false,
		success : function(ret){
			//$$.hidePreloader();
			if(ret.serverList && ret.serverList.length>0){
				$.each(ret.serverList,function(i,n){
					// $(".title").html(n.serviceName);
					// $(".serverTitle").html(n.serviceName);
					$(".con_clean--detail").html(n.serviceContent);
					$(".D_reserve--txt").html("温馨提示："+n.tip);
					chargesType = n.chargesType;
					months = n.serviceCount;
				});
			}
			if(ret.priceList && ret.priceList.length>0){
				var html = '';
				if(chargesType == 1){
					html+='<ul class="cl">';
				}
				$.each(ret.priceList,function(i,n){
					if(chargesType == 1){
						if(n.type == 2){
							html+=' <li>'+n.priceName+'㎡'+n.price+'/月</li>';
						}
					}else{
						html +='<span class="D_content--money">'+n.price+'元/小时</span>'; 
						price = n.price;
						// $(".serverTitle").after(html);
					}
				});
				if(chargesType == 1){
					html+='</ul>';
					// $(".serverTitle").after(html);
				}
			}
			if(ret.imgList && ret.imgList.length>0){
				var html='';
				var html1='';
				html+='<ul class="cl">';
				if(chargesType == 2){
					html1+='<ul class="cl">';
				}
				$.each(ret.imgList,function(i,n){
					if(n.type == 2){
						html+='<li>'+
			                 '<p class="l_img">'+
	                    	 '<img src="'+n.imgUrl+'" alt="" />'+ 
	                    	 /* '<img src="'+path+'/jsp/service/images'+n.imgUrl+'" alt="" />'+ */
	                 		'</p>'+
	                 		'<p class="l_txt">'+n.imgDesc+'</p>'+
	               			'</li>';
					}else if(n.type == 3){
						html1+='<li>'+
		                 '<p class="l_img">'+
                   		 '<img src="'+n.imgUrl+'" alt="" />'+ 
                   		/*  '<img src="'+path+'/jsp/service/images'+n.imgUrl+'" alt="" />'+ */
                		'</p>'+
                		'<p class="l_txt">'+n.imgDesc+'</p>'+
              			'</li>';
					}
				});
				
				html+='</ul>';
				$(".serContent").html(html);
				
			}
		},
		error: function(){
			$$.hidePreloader();
			$$.toast("加载出错");
		}
	});
}
    
    $(".D_reserve--btn").click(function(){
    	$.ajax({
    		url : path+"/service/queryUserMsg.do",
    		data : {
    			
    		},
    		type : "GET",
    		dataType : 'json',
    		cache : false,
    		success : function(ret){
    			console.log(ret);
    			if(ret.result==false){
    				window.location.href="../login.html";
    			}else{
    				if(chargesType == 1){
        	    		window.location.href="../service/cleanOrder.html?serviceId="+serviceId;
        			}else{
        				window.location.href="../service/orderConfirm.html?serviceId="+serviceId+"&chargesType=2&price="+(ret.res?"35":price)+"&months="+months;
        			}
    			}
    		}
    	})
    })
    </script>
  </body>
</html>